<template>
    <!--微信支付-->
    <div>
        <div class="container">
            <div class="pw-hd">
                <!--<a class="logo" href="#" target="_blank" style="float: left"></a>-->
                <div class="head-logo" style="margin-top: -10px">
                    <a href="#" class="mfw-logo"></a>
                </div>
                <div class="price">支付总金额：
                    <span>￥1389.00</span>
                </div>
            </div>
            <div class="pw-bd">
                <h2 style="text-align: left">微信支付</h2>
                <div class="sweep clearfix">
                    <div class="img"></div>
                    <div class="qrcode">
                        <div ref="qrCodeDiv" id="qrCode"></div>
                        <div>请使用微信扫一扫<br>扫描二维码支付</div>
                    </div>
                </div>
                <div class="other-payment" style="text-align: left">
                    <a href="#">
                        <i></i>选择其他支付方式
                    </a>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import QRCode from 'qrcodejs2';
    export default {
        name: "WeChat",
        data(){
            return{};
        },
        mounted(){
            new QRCode(this.$refs.qrCodeDiv, {
                text: "https://www.sogou.com/",
                width: 200,
                height: 200,
                colorDark: "#333333", //二维码颜色
                colorLight: "#ffffff", //二维码背景色
                correctLevel: QRCode.CorrectLevel.L //容错率，L/M/H
            });
        }
    }
</script>

<style scoped>

</style>